import React from 'react'

import {lives,} from '../../../../../utils/mockdata'
import GameCard from "../../../../../shared-components/GameCard/GameCard";
import {WhiteSpace, WingBlank} from "antd-mobile";

const Video = props => {
    const gamesTemplate = (lives.map(game => <GameCard game={game} key={game.title}/>))

    return (
        <>
            <WhiteSpace size='xl'/>
            <WingBlank>
                <div className='flex-space-between flex-wrap-container'>
                    {gamesTemplate}
                </div>
            </WingBlank>
        </>
    )
}

export default Video
